<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>wfk是大傻逼</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(45deg, #ff9a9e, #fad0c4);
            font-family: 'Microsoft YaHei', sans-serif;
            overflow: hidden;
        }

        .container {
            text-align: center;
        }

        .apology-text {
            font-size: 3em;
            color: #ff4b6e;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
            animation: heartbeat 1.5s infinite, colorChange 3s infinite;
        }

        .message {
            font-size: 1.5em;
            color: #6a1b9a;
            margin-top: 20px;
            opacity: 0;
            animation: fadeIn 2s forwards;
            animation-delay: 1s;
        }

        .hearts {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

         .heart {
            position: absolute;
            color: #ff4081;
            font-size: 4em; /* 放大爱心尺寸 */
            animation: float 6s linear infinite;
            opacity: 0;
            text-shadow: 0 0 10px rgba(255, 64, 129, 0.8); /* 添加发光效果 */
        }

        @keyframes heartbeat {
            0% { transform: scale(1); }
            15% { transform: scale(1.3); }
            30% { transform: scale(1); }
            45% { transform: scale(1.15); }
            60% { transform: scale(1); }
            100% { transform: scale(1); }
        }

        @keyframes colorChange {
            0% { color: #ff4b6e; }
            50% { color: #ff6b6b; }
            100% { color: #ff4b6e; }
        }

        @keyframes fadeIn {
            to { opacity: 1; }
        }

        @keyframes float {
            0% {
                transform: translateY(100vh) scale(0);
                opacity: 1;
            }
            100% {
                transform: translateY(-20vh) scale(1);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <div class="hearts" id="hearts"></div>
    <div class="container">
        <div class="apology-text">wfk是大傻逼</div>
        <div class="message">对不起宝贝！我错了！😢</div>
    </div>

    <script>
        // 创建爱心动画
        function createHearts() {
            const heartsContainer = document.getElementById('hearts');
            const heart = document.createElement('div');
            heart.innerHTML = '♥';
            heart.className = 'heart';
            heart.style.left = Math.random() * 100 + '%';
            heart.style.animationDuration = (Math.random() * 3 + 3) + 's';
            heartsContainer.appendChild(heart);

            setTimeout(() => {
                heart.remove();
            }, 6000);
        }

        // 定时生成爱心
        setInterval(createHearts, 300);
    </script>
</body>
</html>